﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>数据秀-展示</title>
    <meta name="Keywords" content="">
    <meta name="description" content="" />
    <link rel="shortcut icon" href="#" />


    <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="http://www.jq22.com/jquery/font-awesome.4.6.0.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="static/app/liujb/css/base_pc.css">
    <link rel="stylesheet" type="text/css" href="static/app/liujb/css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="static/slider/css/bootstrap-slider.css" />

    <link href="static/cesium/Widgets/widgets.css" rel="stylesheet" type="text/css">
    <link href="static/dragresize/dragresize.css" rel="stylesheet" type="text/css">
    <link href="static/olcesium/ol.css" rel="stylesheet" />
    <link href="http://vjs.zencdn.net/5.0.2/video-js.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="static/app/liujb/css/powerange.css">
    <link rel="stylesheet" type="text/css" href="static/app/liujb/css/daping.css">
    <style>
        .ol-viewport {
            top: -10px;
        }
    </style>
</head>

<body class="edit" id="showpage" style="zoom: 0.886753;">


    <div id="workbox" class="workbox" style="top:0px;bottom:0px;left:0px;right:0px;background: #eaf2f4 url(static/app/img/backimg/backimg1.png) no-repeat center;">
        <div id="vpc1cd" data='{"id":"vpc1cd"}' class="drsElement drsMoveHandle" style="left:760px;top:60px;width:400px;height:40px;background:transparent; text-align: center;z-index:1">
            <div data='{"type":"mytitle"}' id="vpc1cc" class="dragresize-content" style="width: 100%; height: 100%; background-image: url('https://img.alicdn.com/tps/TB1Pg3pPXXXXXcxXpXXXXXXXXXX-1920-1080.gif'); background-size: 100%; background-repeat: no-repeat; background-position: center center;"> <div id="vpc1cctitle" class="mk-title" style="font-size:36px"></div></div>
        </div>
        <div id="vpc11cd" data='{"id":"vpc11cd"}' class="drsElement drsMoveHandle" style="left:760px;top:15px;width:400px;height:40px;background:transparent; text-align: center;z-index:1">
            <div data='{"type":"mytitle"}' id="vpc1cc" class="dragresize-content">  <div id="vpc11cctitle" class="mk-title" style="font-size:36px">数说广州<!-- --></div></div>
        </div>
        <div id="vpc2cd" data='{"id":"vpc2cd"}' class="drsElement drsMoveHandle" style="left:10px;top:25px;width:600px;height:60px;background:transparent; text-align: center;z-index:2">
            <div data='{"type":"marquee"}' id="vpc2cc" class="dragresize-content"><div id="vpc2ccmarquee" class="mk-marquee" style="font-size:16pt"><marquee>近24小时无突发应急处理事件！</marquee></div></div>
        </div>
        <div id="vpc3cd" data='{"id":"vpc3cd"}' class="drsElement drsMoveHandle" style="left:1500px;top:25px;width:200px;height:60px;background:transparent; text-align: center;z-index:3">
            <div data='{"type":"mytitle"}' id="vpc3cc" class="dragresize-content">
                <div id="vpc3cctitle" class="mk-title">
                    <div class="mapTip">
                        <i class="fa fa-home" id="default" data="default" title="回到主页"></i>
                        <i class="fa fa-map-o" data="dxt" title="地形图"></i>
                        <i class="fa fa-photo" data="yxt" title="影像图"></i>
                        <i class="fa fa-globe" data="23d" title="切换视图"></i>
                        <i class="fa fa-arrows" id="fullscreen" data="fullscreen" title="全屏"></i>
                    </div>
                </div>
            </div>
        </div>

        <div id="vpc22cd" data='{"id":"vpc22cd"}' class="drsElement drsMoveHandle" style="left:5px;top:100px;width:260px;height:690px;background:transparent; text-align: center;z-index:12">
            <div data='{"type":"mychartbox"}' id="vpc22cc" class="dragresize-content">
                <div id="vpc22ccmychartbox" class="mk-chartbox" style="width:260px;height:690px">
                    <div class="chartsTitle"><h2 class="title_main">应急信息</h2><p class="title_sup">广州市政府投诉、应急信息</p>   </div>
                    <div id="vpc22cdcont" class="chartsCont" style="left:10px;top:0px;width:290px;height:540px;overflow:hidden"> </div>
                    <div class="chartsBottom">
                        <div class="bottomTxt w50">       <p>近24小时发生</p>        <h3><span class="white">30</span>件</h3>   </div>
                        <div class="bottomTxt w50">     <p>总计未处理</p>      <h3><span class="yellow">60</span>件</h3>   </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="vpc8cd" data='{"id":"vpc8cd"}' class="drsElement drsMoveHandle" style="left:270px;top:100px;width:820px;height:690px;background:transparent; text-align: center;z-index:0">

            <div class="dragresize-content">
                <div data='{"type":"map3dcesiumimg"}' id="map" style="left:0px;top:0px;width:820px;height:690px" class="mk-chartbox">

                </div>
            </div>
        </div>


        <div id="vpc17cd" data='{"id":"vpc17cd"}' class="drsElement drsMoveHandle" style="left:1095px;top:100px;width:270px;height:340px;background:transparent; text-align: center;z-index:9">
            <div data='{"type":"mychartbox"}' id="vpc17cc" class="dragresize-content">
                <div id="vpc17ccmychartbox" class="mk-chartbox">
                    <div class="chartsTitle"><h2 class="title_main">城市建设</h2>  </div>
                    <div class="chartsCont barcontent" style="left:0px;width:270px;height:280px">
                        <ul>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">城市建设面积和资金</p>
                                <div id="vpc17ccmychartbox1" style="left:0px;top:-50px;width:270px;height:270px">3 </div>
                            </li>
                            <!--
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">各个区建设面积和资金</p>
                                <div id="vpc17ccmychartbox1" style="left:0px;top:-60px;width:270px;height:300px">2</div>
                            </li>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">重点建设项目</p>
                                <div id="vpc17ccmychartbox3" style="left:-10px;top:-90px;width:270px;height:280px">3 </div>
                            </li>
                            -->
                        </ul>
                    </div>
                    <div class="chartsBottom">
                        <div class="bottomTxt w50">       <p>建设项目个数</p>        <h3><span class="white">131</span>个</h3>   </div>
                        <div class="bottomTxt w50">     <p>建设项目金额</p>      <h3><span class="yellow">23.2</span>亿</h3>   </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="vpc16cd" data='{"id":"vpc16cd"}' class="drsElement drsMoveHandle" style="left:1370px;top:100px;width:270px;height:340px;background:transparent; text-align: center;z-index:8">
            <div data='{"type":"mychartbox"}' id="vpc16cc" class="dragresize-content">
                <div id="vpc16ccmychartbox" class="mk-chartbox">
                    <div class="chartsTitle"><h2 class="title_main">公共安全</h2>    </div>
                    <div class="chartsCont barcontent" style="left:0px;width:270px;height:280px">
                        <ul>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">各个区公共安全和突发事件</p>
                                <div id="vpc16ccmychartbox1" style="left:0px;top:-50px;width:270px;height:270px">3 </div>
                            </li>
                            <!--
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">最新突发事件</p>
                                <div id="vpc16ccmychartbox1" style="left:0px;top:-60px;width:270px;height:300px">2</div>
                            </li>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">天网重点监控</p>
                                <div id="vpc16ccmychartbox3" style="left:-10px;top:-90px;width:270px;height:280px">3 </div>
                            </li>
                                 -->
                        </ul>
                    </div>
                    <div class="chartsBottom">
                        <div class="bottomTxt w50">       <p>突发事件个数</p>        <h3><span class="white">20</span>件</h3>   </div>
                        <div class="bottomTxt w50">     <p>同比增减</p>      <h3><span class="yellow">-</span>20%</h3>   </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="vpc15cd" data='{"id":"vpc15cd"}' class="drsElement drsMoveHandle" style="left:1645px;top:100px;width:270px;height:340px;background:transparent; text-align: center;z-index:9">
            <div data='{"type":"mychartbox"}' id="vpc15cc" class="dragresize-content">
                <div id="vpc15ccmychartbox" class="mk-chartbox">
                    <div class="chartsTitle"><h2 class="title_main">道路交通</h2>   </div>
                    <div class="chartsCont barcontent" style="left:0px;width:270px;height:280px">
                        <ul>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">各个区公共安全和突发事件</p>
                                <div id="vpc15ccmychartbox1" style="left:0px;top:-50px;width:270px;height:270px">3 </div>
                            </li>
                             <!--
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">最新突发事件</p>
                                <div id="vpc15ccmychartbox1" style="left:0px;top:-60px;width:270px;height:300px">2</div>
                            </li>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">天网重点监控</p>
                                <div id="vpc15ccmychartbox3" style="left:-10px;top:-90px;width:270px;height:280px">3 </div>
                            </li>
                                 -->
                        </ul>
                    </div>
                    <div class="chartsBottom">
                        <div class="bottomTxt w50">       <p>道路拥堵情况</p>        <h3><span class="white">1321</span>万</h3>   </div>
                        <div class="bottomTxt w50">     <p>道路拥堵情况</p>      <h3><span class="yellow">+</span>150%</h3>   </div>
                    </div>
                </div>
            </div>
        </div>


        <div id="vpc18cd" data='{"id":"vpc18cd"}' class="drsElement drsMoveHandle" style="left:1095px;top:450px;width:270px;height:340px;background:transparent; text-align: center;z-index:10">
            <div data='{"type":"mychartbox"}' id="vpc18cc" class="dragresize-content">
                <div id="vpc18ccmychartbox" class="mk-chartbox">
                    <div class="chartsTitle"><h2 class="title_main">人居环境</h2>  <p class="num"></p>  </div>
                    <div class="chartsCont barcontent" style="left:0px;width:270px;height:280px">
                        <ul>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">天气实况</p>
                                <div id="vpc18ccmychartbox1" style="left:0px;top:0px;width:270px;height:280px">2</div>
                            </li>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">当月空气AQI</p>
                                <div id="vpc18ccmychartbox3" style="left:0px;top:-50px;width:270px;height:280px">3 </div>
                            </li>
                             <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">最近12小时AQI</p>
                                <div id="vpc18ccmychartbox2" style="left:-10px;top:-90px;width:270px;height:280px">3 </div>
                            </li> 
                        </ul>
                    </div>
                    <div class="chartsBottom">
                        <div class="bottomTxt w50">       <p>实时AQI</p>        <h3><span class="white">32</span></h3>   </div>
                        <div class="bottomTxt w50">     <p>今日全国排名</p>      <h3><span class="white">32</span>/382</h3>   </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="vpc19cd" data='{"id":"vpc19cd"}' class="drsElement drsMoveHandle" style="left:1370px;top:450px;width:270px;height:340px;background:transparent; text-align: center;z-index:11">
            <div data='{"type":"mychartbox"}' id="vpc19cc" class="dragresize-content">
                <div id="vpc19ccmychartbox" class="mk-chartbox">
                    <div class="chartsTitle"><h2 class="title_main">健康卫生</h2> <p class="num"></p>  </div>
                                      
                    <div class="chartsCont barcontent" style="left:0px;width:270px;height:280px">
                        <ul>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">卫生机构数量</p>
                                <div id="vpc19ccmychartbox2" style="left:0px;top:-50px;width:270px;height:270px">3 </div>
                            </li>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">育龄妇女生育率</p>
                                <div id="vpc19ccmychartbox1" style="left:0px;top:-60px;width:270px;height:300px">2</div>
                            </li>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">最近12小时AQI</p>
                                <div id="vpc19ccmychartbox3" style="left:-10px;top:-90px;width:270px;height:280px">3 </div>
                            </li>
                        </ul>
                    </div>

                    <div class="chartsBottom">
                        <div class="bottomTxt w50">       <p>人口总数</p>        <h3><span class="white">1321</span>万</h3>   </div>
                        <div class="bottomTxt w50">     <p>医院总数</p>      <h3><span class="white">0</span>个</h3>   </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="vpc20cd" data='{"id":"vpc20cd"}' class="drsElement drsMoveHandle" style="left:1645px;top:450px;width:270px;height:340px;background:transparent; text-align: center;z-index:12">
            <div data='{"type":"mychartbox"}' id="vpc20cc" class="dragresize-content">
                <div id="vpc20ccmychartbox" class="mk-chartbox">
                    <div class="chartsTitle"><h2 class="title_main">其他信息</h2>   </div>

                    <div class="chartsCont barcontent" style="left:0px;width:270px;height:280px">
                        <ul>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">教育科技</p>
                                <div id="vpc20ccmychartbox1" style="left:0px;top:-50px;width:270px;height:270px">3 </div>
                            </li>
                            <!--
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">技术引进</p>
                                <div id="vpc20ccmychartbox1" style="left:0px;top:-60px;width:270px;height:300px">2</div>
                            </li>
                            <li>
                                <p style="line-height: 21px;font-size: 13px;color: #24a2ca;left:0px;top:0px;width:270px;height:30px">行政处罚</p>
                                <div id="vpc20ccmychartbox3" style="left:-10px;top:-90px;width:270px;height:280px">3 </div>
                            </li>
                                -->

                        </ul>

                    </div>
                    
                    <div class="chartsBottom">
                        <div class="bottomTxt w50">       <p>技术引进</p>        <h3><span class="white">1321</span>万</h3>   </div>
                        <div class="bottomTxt w50">     <p>行政处罚</p>      <h3><span class="yellow">+</span>150%</h3>   </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="vpc31cd" data='{"id":"vpc31cd"}' class="drsElement drsMoveHandle" style="left:5px;top:795px;width:1085px;height:280px;background:transparent; text-align: center;z-index:10">
            <div data='{"type":"mychartbox"}' id="vpc31cc" class="dragresize-content">
                <div id="vpc31ccmychartbox" class="mk-chartbox" style="width:1085px;height:280px">
                    <div class="chartsTitle"><h2 class="title_main">经济发展</h2> <p class="title_sup">广州市1978-2016年GDP,工业GDP和人均GDP趋势</p><p class="num"></p>  </div>
                    <div id="vpc31cdcont" class="chartsCont" style="left:0px;top:-50px;width:1085px;height:280px"> </div>

                </div>
            </div>
        </div>
        <div id="vpc30cd" data='{"id":"vpc30cd"}' class="drsElement drsMoveHandle" style="left:1095px;top:795px;width:820px;height:280px;background:transparent; text-align: center;z-index:9">
            <div data='{"type":"mychartbox"}' id="vpc30cc" class="dragresize-content">
                <div id="vpc30ccmychartbox" class="mk-chartbox" style="width:820px;height:280px">
                    <div class="chartsTitle"><h2 class="title_main">各区详情</h2> <p class="title_sup">广州市各行政区介绍</p><p class="num"></p>  </div>
                    <div id="vpc30cdcont" class="chartsCont wconlist">
                        <ul>
                            <li>
                                <p>广州市</p> <p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>南沙区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>番禺区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>海珠区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>天河区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>越秀区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>荔湾区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>白云区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>花都区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>黄埔区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>增城区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            <li>
                                <p>从化区</p><p>1.115万亿</p>  <p>111.3KM2</p>  <p>3.3千万人口</p> 
                            </li>
                            
                        </ul>

                    </div>

                </div>
            </div>
        </div>

    </div>


    <script type="text/javascript" src="static/jquery/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="static/underscore/underscore-min.js"></script>
    <script type="text/javascript" src="static/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="static/mustache/mustache.min.js"></script>
    <script type="text/javascript" src="static/moment/moment.min.js"></script>
    <script type="text/javascript" src="static/player/playbar.js"></script>
    <script type="text/javascript" src="static/olcesium/Cesium/Cesium.js"></script>
    <script type="text/javascript" src="static/olcesium/olcesium-debug.js"></script>

    <script type="text/javascript" src="static/dragresize/dragresize.js"></script>
    <script type="text/javascript" src="static/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="static/slider/bootstrap-slider.js"></script>
    <script type="text/javascript" src="http://vjs.zencdn.net/5.0.2/video.js"></script>
    <script type="text/javascript" src="static/fullscreen/jquery.fullscreen-min.js"></script>
    <script type="text/javascript" src="static/app/js/pub.js"></script>

    <script type="text/javascript" src="static/app/js/maps/mapfun.js"></script>
    <script type="text/javascript" src="static/app/js/maps/map2d.js"></script>
    <script type="text/javascript" src="static/app/js/maps/map3d.js"></script>
    <script type="text/javascript" src="static/app/js/maps/map.js"></script>

    <script type="text/javascript" src="widget/comm/carousellist.js"></script>
    <script type="text/javascript" src="widget/comm/playbar.js"></script>
    <script type="text/javascript" src="widget/map/map3dcesiumimg.js"></script>
    <script type="text/javascript" src="widget/map/map2dolimg.js"></script>
    <script type="text/javascript" src="widget/chart/chartline.js"></script>

    <script type="text/javascript" src="widget/list/keyvaluetable.js"></script>
    <script type="text/javascript" src="widget/list/scrolllisttable.js"></script>
    <script type="text/javascript" src="widget/list/mtext.js"></script>
    <script type="text/javascript" src="widget/list/marquee.js"></script>
    <script type="text/javascript" src="widget/list/mynumber.js"></script>
    <script type="text/javascript" src="widget/list/mytitle.js"></script>
    <script type="text/javascript" src="widget/list/mytable.js"></script>
    <script type="text/javascript" src="widget/list/statecard.js"></script>
    <script type="text/javascript" src="widget/list/textlabel.js"></script>

    <script type="text/javascript" src="widget/other/boxborder.js"></script>
    <script type="text/javascript" src="widget/other/custombg.js"></script>
    <script type="text/javascript" src="widget/other/myiframe.js"></script>
    <script type="text/javascript" src="widget/other/singlepic.js"></script>
    <script type="text/javascript" src="widget/other/tagscloud.js"></script>
    <script type="text/javascript" src="widget/other/videoplayer.js"></script>
    <script type="text/javascript" src="widget/other/timerlabel.js"></script>
    <script type="text/javascript" src="widget/other/mygif.js"></script>
    <script type="text/javascript" src="widget/other/mychartbox.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/iconfont.js"></script>
    <script type="text/javascript" src="static/app/js/pans/chartrjhj.js"></script>
    <script type="text/javascript" src="static/app/js/pans/chartjkws.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/layer/layer.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/nav.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/powerange.min.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/daping.js"></script>

    <script type="text/javascript" src="static/app/js/pans/paneindex.js"></script>

</body>

</html>
